.common-container {
    border-radius: 6px;
    background: @primaryHeaderBgcolor;

    .header {
        box-sizing: border-box;
        padding: 0 12px;
        height: 65px;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .header_left {
            min-width: 500px;
            display: flex;
            align-items: center;

            ::v-deep .el-input-group__prepend {}
        }
    }

    .content {
        height: calc(100% - 65px);
        position: relative;

        .table {
            width: 100%;
            height: calc(100% - 65px);
            min-height: calc(100% - 65px);
            overflow: auto;
            border-bottom: 1px solid @primaryBorderColor;

            ::v-deep .cell {
                // display: flex;
                // align-items: center;
                // justify-content: space-around;

                // 表格按钮
                .tableBtnIcon {
                    font-size: 18px;
                    cursor: pointer;
                    margin: 0 10px;
                }
            }

            ::v-deep .el-table td.el-table__cell,
            .el-table th.el-table__cell.is-leaf {
                // border-bottom: 1px solid @primaryBorderColor;
            }

            ::v-deep .el-table tr {
                // background-color: @primaryHeaderBgcolor;
                // color: @primaryThemeTxtColor;
            }


            ::v-deep .el-table--border::after,
            .el-table--group::after,
            .el-table::before {
                // content: "";
                // position: absolute;
                // background-color: @primaryBorderColor;
                // z-index: 1;
            }

            ::v-deep .el-table tbody tr:hover>td {
                // background: @primaryMenuItem  !important;
            }
        }

        .pagination {
            ::v-deep .el-pager {
                border-radius: 30px;
                background: @paginationBgcolor;
                margin: 0 5px;
                height: 32px;
            }

            ::v-deep .el-pager li {
                min-width: 32px !important;
                background: @paginationBgcolor;
                color: #b4b7bd;
                height: 32px;
                line-height: 32px;
            }

            ::v-deep .el-pager li.active {
                color: #fff;
                border-radius: 30px;
                background: #7367f0 !important;
            }

            ::v-deep .el-pager li:first-child {
                border-radius: 30px;
            }

            ::v-deep .el-pager li:last-child {
                border-radius: 30px;
            }
        }
    }
}

// input表单  // 设置输入框的背景色、字体颜色、边框属性设置；
::v-deep .el-input__inner {
    background: @primaryHeaderBgcolor;
    border: 1px solid @primaryBorderColor;
    box-sizing: border-box;
    // color: #fff !important;
    // height: 35px;
}

// 列表按钮
::v-deep .el-button--medium {
    background: #7367f0;
    color: #fff;
    border: none;
}

// 弹窗确定按钮
::v-deep .el-button--primary {
    &:hover {
        color: #ddd;
    }
}

// 弹窗textarea输入框
::v-deep .el-textarea__inner {
    color: @primaryTxtcolor;
}

// input后面的查询按钮

::v-deep .el-input-group__append {
    color: #fff;
    border: none;
    background-color: #7367f0;
}

// 下拉框
::v-deep .elSelect .el-input__inner {
    height: 36px;
}

::v-deep .el-checkbox__input.is-checked .el-checkbox__inner,
::v-deep .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #7367f0 !important;
    border: 1px solid #7367f0 !important;
}

::v-deep .el-checkbox__inner:hover {
    border-color: #7367f0;
}

::v-deep .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #7367f0;
}

::v-deep .el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #7367f0 !important;
}

// 日期控件 提示 字体颜色
/deep/ .el-input__inner,
/deep/ .el-date-editor .el-range-input {
    color: @primaryThemeTxtColor;

    &::placeholder {
        color: @primaryThemeTxtColor;
    }

    &::-webkit-input-placeholder {
        /* WebKit browsers 适配谷歌 */
        color: @primaryThemeTxtColor;
    }

    &:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 适配火狐 */
        color: @primaryThemeTxtColor;
    }

    &::-moz-placeholder {
        /* Mozilla Firefox 19+ 适配火狐 */
        color: @primaryThemeTxtColor;
    }

    &:-ms-input-placeholder {
        /* Internet Explorer 10+  适配ie*/
        color: @primaryThemeTxtColor;
    }
}

// 时间控件  图标
/deep/ .el-date-editor .el-range__icon {
    color: @primaryThemeTxtColor;
}

// 时间控件  至
::v-deep .el-range-separator {
    color: @primaryThemeTxtColor;
}

// el-select 远程搜索加上箭头
::v-deep .el-select {
    .el-select__caret:first-child::before {
        content: "\e6e1";
    }

    .is-focus {
        .el-select__caret:first-child {
            transform: rotateZ(0deg);
        }
    }
}
// 鼠标移入的颜色
::v-deep .el-input__inner {
    background-color: @primaryHeaderBgcolor !important;
    border: 1px solid @primaryBorder !important;
  }

// 列表横向滚动条开始-----------

/* 定义滚动条样式 */
::v-deep  .el-table__body-wrapper::-webkit-scrollbar {
    display: block;//显示滚动条
    width: 0px; //定义滚动条宽度
    height: 10px; //定义滚动条高度
    border-radius: 10px; //定义滚动条圆角
  }
  
  /*定义滚动条轨道 内阴影+圆角*/
  ::v-deep  .el-table__body-wrapper::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); //定义轨道阴影
    border-radius: 10px; //定义轨道圆角
    background-color: transparent; //定义轨道颜色 
  }
  
  /*定义滑块 内阴影+圆角*/
  ::v-deep  .el-table__body-wrapper::-webkit-scrollbar-thumb {
    border-radius: 10px; //定义滑块圆角
    box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); //定义滑块阴影
    background-color: @primaryBgcolor12; //定义滑块颜色
  }
   
  // 解决el-table固定列滚动错位问题
  ::v-deep .el-table .el-table__fixed-right .el-table__fixed-body-wrapper .el-table__body {
    padding-bottom: 10px !important;
  }
  
  // 解决el-table固定列挡住滚动条问题
  ::v-deep .el-table__fixed-right {
    height: auto !important;
    bottom: 10px !important; // 这个得自己调试看多少合适
  }
  
  // 去掉固定列下方的横线， 样式优化 
  ::v-deep .el-table__fixed-right::before {
    display: none !important;
  }
  
  // 解决element-ui 中 table 鼠标悬停时高亮背景颜色的修改，添加fixed后颜色又出现问题  ,鼠标滑过td上作用的样式
  ::v-deep .el-table tbody tr:hover>td {
    background-color: transparent !important;
  }
  
  // 解决element-ui 中 table 鼠标悬停时高亮背景颜色的修改，添加fixed后颜色又出现问题
  ::v-deep .el-table__body .el-table__row.hover-row td {
    background-color: transparent !important;
  }
  //右边固定
  // 解决element-ui 中 table 鼠标悬停时高亮背景颜色的修改，添加fixed后颜色又出现问题
  ::v-deep .el-table__fixed-right tbody tr:hover>td {
    background-color: transparent !important;
  }

// 横向滚动条结束-----------

// 高级搜索红点
.elhasSearch2{
    background: #7367f0;
    color: #fff;
    border: none;
    font-size: 14px;
    padding: 8px 15px;
  }
  .elhasSearch {
    position: relative;
  }
  .elhasSearch::after {
    content: "";
    position: absolute;
    top: 0px; 
    right: 0px; 
    width: 8px; 
    height: 8px;
    background-color: red;
    border-radius: 50%;
  }
  // 高级搜索红点----------